<!--grid-->
<br>
<div class="three-ad">
  <div class="grid-header">
    <div class="grid-title" *ngFor="let column of columns">{{column.title}}</div>
  </div>
  <div class="grid-container">
    <div class="grid-item" *ngFor="let row of rows">      
      <div class="grid-itemInfo">{{row.id}}</div>
      <div class="grid-itemInfo">
        <div class="grid-itemInfoImg">
          <img src="{{row.imageUrl}}" alt="">
        </div>
      </div>
      <div class="grid-itemInfo">{{row.imageName}}</div>
      <div class="grid-itemInfo">
        <button class="action-btn" (click)="selectImage(row.id)">选择</button>
      </div>
    </div>
  </div>
  <pagination *ngIf="rows"
              class="pagination-sm"
              [(ngModel)]="page"
              [totalItems]="totalItems"
              [itemsPerPage]="itemsPerPage"
              [maxSize]="maxSize"
              [boundaryLinks]="true"
              [rotate]="false"
              [firstText]="localText.firstBtn"
              [lastText]="localText.lastBtn"
              [previousText]="localText.previousBtn"
              [nextText]="localText.nextBtn"
              (pageChanged)="onChangeTable($event)"
              (numPages)="numPages = $event">
  </pagination>
  <pre *ngIf="rows" class="card card-block card-header">页数: {{page}} / {{numPages}}</pre>
</div>